@import './mixin.scss';

/*全局变量*/

$color-primary: #1890FF;
$color-danger: #FD5411;
$color-success: #40BC3E;
$color-warning: #FBBD12;
body{
    // filter: progid:DXImageTransform.Microsoft.BasicImage(graysale=1);
    // -webkit-filter: grayscale(100%);
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,
img {
    border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    // font-style: normal;
    // font-weight: normal
}

ol,
ul {
    list-style: none
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal
}

q:before,
q:after {
    content: ''
}

abbr,
acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input,
textarea,
select {
    outline: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    *font-size: 100%
}

html {
    height: 100%;
    box-sizing: border-box;
}

a {
    cursor: pointer;
}

body {
    height: 100%;
    font-family: "microsoft yahei", Arial, sans-serif;
    font-size: 12px;
    line-height: 20px;
    background: #F6F7FC;
}

a {
    color: #333;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}


/*common*/

.mgt-0 {
    margin-top: 0px !important;
}

.mgt-2 {
    margin-top: 2px !important;
}

.mgt-3 {
    margin-top: 3px !important;
}

.mgt-5 {
    margin-top: 5px !important;
}

.mgt-7 {
    margin-top: 7px !important;
}

.mgt-8 {
    margin-top: 8px !important;
}

.mgt-10 {
    margin-top: 10px !important;
}

.mgt-15 {
    margin-top: 15px !important;
}

.mgt-18 {
    margin-top: 18px !important;
}

.mgt-20 {
    margin-top: 20px !important;
}

.mgt-21 {
    margin-top: 21px !important;
}

.mgt-22 {
    margin-top: 22px !important;
}

.mgt-23 {
    margin-top: 23px !important;
}

.mgt-24 {
    margin-top: 24px !important;
}

.mgt-25 {
    margin-top: 25px !important;
}

.mgt-30 {
    margin-top: 30px !important;
}

.mgt-40 {
    margin-top: 40px !important;
}

.mgt-50 {
    margin-top: 50px !important;
}
.mgt-65 {
     margin-top: 65px !important;
 }

.mgr-0 {
    margin-right: 0px !important;
}

.mgr-2 {
    margin-right: 2px !important;
}

.mgr-5 {
    margin-right: 5px !important;
}

.mgr-7 {
    margin-right: 7px !important;
}

.mgr-10 {
    margin-right: 10px !important;
}

.mgr-15 {
    margin-right: 15px !important;
}

.mgr-20 {
    margin-right: 20px !important;
}

.mgr-25 {
    margin-right: 25px !important;
}

.mgr-30 {
    margin-right: 30px !important;
}

.mgr-40 {
    margin-right: 40px !important;
}

.mgr-50 {
    margin-right: 50px !important;
}

.mgb-0 {
    margin-bottom: 0px !important;
}

.mgb-2 {
    margin-bottom: 2px !important;
}

.mgb-5 {
    margin-bottom: 5px !important;
}

.mgb-7 {
    margin-bottom: 7px !important;
}

.mgb-8 {
    margin-bottom: 8px !important;
}

.mgb-10 {
    margin-bottom: 10px !important;
}

.mgb-15 {
    margin-bottom: 15px !important;
}

.mgb-20 {
    margin-bottom: 20px !important;
}

.mgb-25 {
    margin-bottom: 25px !important;
}

.mgb-30 {
    margin-bottom: 30px !important;
}

.mgb-40 {
    margin-bottom: 40px !important;
}

.mgb-50 {
    margin-bottom: 50px !important;
}

.mgl-0 {
    margin-left: 0px !important;
}

.mgl-2 {
    margin-left: 2px !important;
}

.mgl-5 {
    margin-left: 5px !important;
}

.mgl-7 {
    margin-left: 7px !important;
}

.mgl-10 {
    margin-left: 10px !important;
}

.mgl-15 {
    margin-left: 15px !important;
}

.mgl-20 {
    margin-left: 20px !important;
}

.mgl-25 {
    margin-left: 25px !important;
}

.mgl-30 {
    margin-left: 30px !important;
}

.mgl-40 {
    margin-left: 40px !important;
}

.mgl-50 {
    margin-left: 50px !important;
}

.mgl-92 {
    margin-left: 92px !important;
}

.mg-0 {
    margin: 0px !important;
}

.mg-2 {
    margin: 2px !important;
}

.mg-5 {
    margin: 5px !important;
}

.mg-7 {
    margin: 7px !important;
}

.mg-10 {
    margin: 10px !important;
}

.mg-15 {
    margin: 15px !important;
}

.mg-20 {
    margin: 20px !important;
}

.mg-25 {
    margin: 25px !important;
}

.mg-30 {
    margin: 30px !important;
}

.mg-40 {
    margin: 40px !important;
}

.mg-50 {
    margin: 50px !important;
}

.pd-8 {
    padding: 8px !important;
}

.pd-35 {
    padding: 35px !important;
}

.pdt-0 {
    padding-top: 0px !important;
}

.pdt-2 {
    padding-top: 2px !important;
}

.pdt-5 {
    padding-top: 5px !important;
}

.pdt-7 {
    padding-top: 7px !important;
}

.pdt-8 {
    padding-top: 8px !important;
}

.pdt-10 {
    padding-top: 10px !important;
}

.pdt-15 {
    padding-top: 15px !important;
}

.pdt-20 {
    padding-top: 20px !important;
}

.pdt-25 {
    padding-top: 25px !important;
}

.pdt-30 {
    padding-top: 30px !important;
}

.pdt-35 {
    padding-top: 35px !important;
}

.pdt-40 {
    padding-top: 40px !important;
}

.pdt-50 {
    padding-top: 50px !important;
}

.pdr-0 {
    padding-right: 0px !important;
}

.pdr-2 {
    padding-right: 2px !important;
}

.pdr-5 {
    padding-right: 5px !important;
}

.pdr-7 {
    padding-right: 7px !important;
}

.pdr-8 {
    padding-right: 8px !important;
}

.pdr-10 {
    padding-right: 10px !important;
}

.pdr-15 {
    padding-right: 15px !important;
}

.pdr-20 {
    padding-right: 20px !important;
}

.pdr-25 {
    padding-right: 25px !important;
}

.pdr-30 {
    padding-right: 30px !important;
}

.pdr-40 {
    padding-right: 40px !important;
}

.pdr-50 {
    padding-right: 50px !important;
}

.pdb-0 {
    padding-bottom: 0px !important;
}

.pdb-2 {
    padding-bottom: 2px !important;
}

.pdb-5 {
    padding-bottom: 5px !important;
}

.pdb-7 {
    padding-bottom: 7px !important;
}

.pdb-8 {
    padding-bottom: 8px !important;
}

.pdb-10 {
    padding-bottom: 10px !important;
}

.pdb-15 {
    padding-bottom: 15px !important;
}

.pdb-20 {
    padding-bottom: 20px !important;
}

.pdb-25 {
    padding-bottom: 25px !important;
}

.pdb-30 {
    padding-bottom: 30px !important;
}

.pdb-35 {
    padding-bottom: 35px !important;
}

.pdb-40 {
    padding-bottom: 40px !important;
}

.pdb-50 {
    padding-bottom: 50px !important;
}

.pdl-0 {
    padding-left: 0px !important;
}

.pdl-2 {
    padding-left: 2px !important;
}

.pdl-5 {
    padding-left: 5px !important;
}

.pdl-7 {
    padding-left: 7px !important;
}

.pdl-8 {
    padding-left: 8px !important;
}

.pdl-10 {
    padding-left: 10px !important;
}

.pdl-15 {
    padding-left: 15px !important;
}

.pdl-20 {
    padding-left: 20px !important;
}

.pdl-25 {
    padding-left: 25px !important;
}

.pdl-30 {
    padding-left: 30px !important;
}

.pdl-40 {
    padding-left: 40px !important;
}

.pdl-50 {
    padding-left: 50px !important;
}

.pdl-70 {
    padding-left: 70px !important;
}

.pd-0 {
    padding: 0px !important;
}

.pd-2 {
    padding: 2px !important;
}

.pd-5 {
    padding: 5px !important;
}

.pd-7 {
    padding: 7px !important;
}

.pd-10 {
    padding: 10px !important;
}

.pd-15 {
    padding: 15px !important;
}

.pd-20 {
    padding: 20px !important;
}

.pd-25 {
    padding: 25px !important;
}

.pd-30 {
    padding: 30px !important;
}

.pd-40 {
    padding: 40px !important;
}

.pd-50 {
    padding: 50px !important;
}

.tc {
    text-align: center !important;
}

.tl {
    text-align: left !important;
}

.tr {
    text-align: right !important;
}

.vm {
    vertical-align: middle !important;
}

.vt {
    vertical-align: top !important;
}

.vb {
    vertical-align: bottom !important;
}

.box-sizing {
    box-sizing: border-box;
}

.fl {
    float: left;
    _display: inline !important;
}

.fr {
    float: right !important;
    _display: inline !important;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    height: 0;
}


/*颜色、背景*/

.color-orange {
    color: #E68102 !important;
}

.color-green {
    color: #26dc48 !important;
}

.color-red {
    color: #F2534D !important;
}

.color-grey {
    color: #8B8F9B !important;
}

.color-grey2 {
    color: #DCE2F1 !important;
}

.color-blue {
    color: #3490FD !important;
}

.color-000 {
    color: #000000 !important;
}

.color-grey1 {
    color: rgba($color: #ffffff, $alpha: 0.2);
}

.bgc-white {
    background: #ffffff !important;
}

.bgc-grey {
    background: #F6F7FC;
}

.bgc-yellow {
    background: #E68102 !important;
}

.bgc-yellow2 {
    background: #FFF8EF !important;
}

.bgc-blue1 {
    background: #3490FD !important;
}

.bgc-blue2 {
    background: #F6F7FC !important;
}

.bgc-blue {
    background-image: linear-gradient(180deg, #DEEDFF 0%, #FFFFFF 100%);
}

.bdt-blue {
    border-top: 2px solid #5DA6FD;
}

.bdt-gray {
    border-top: 2px solid #787878;
}

.bdb-1 {
    border-bottom: 1px solid #DCE2F1;
}

.bdt-1 {
    border-top: 2px solid #DCE2F1;
}

.bdb-ccc {
    border-top: 1px solid #D9D9D9;
}

.bdb-2 {
    border-bottom: 1px dashed #DCE2F1;
}

.bdl-0 {
    border-left: none !important;
}

.bdb-0 {
    border-bottom: none !important;
}

.bd-1 {
    border: 1px solid #DCE2F1 !important;
}

.fb {
    font-weight: bold;
}

.btn-minWidth {
    min-width: 104px !important;
}

.block {
    display: block !important;
}

.inline {
    display: inline !important;
}

.inline-block {
    display: inline-block !important;
}

.dis-table {
    display: table !important;
}

.dis-caption {
    display: table-caption !important;
}

.dis-cell {
    display: table-cell !important;
}

.dis-row {
    display: table-row !important;
}

.dis-list {
    display: list-item !important;
}

.none {
    display: none !important;
}

.visible {
    visibility: visible !important;
}

.hidden {
    visibility: hidden !important;
}

.static {
    position: static !important;
}

.relative {
    position: relative !important;
}

.absolute {
    position: absolute !important;
}

.fixed {
    position: fixed !important;
}

.fs-10 {
    font-size: 10px !important;
}

.fs-12 {
    font-size: 12px !important;
}
.fs-13 {
    font-size: 13px !important;
}
.fs-14 {
    font-size: 14px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-24 {
    font-size: 24px !important;
}

.fs-28 {
    font-size: 28px !important;
}

.fs-32 {
    font-size: 32px !important;
}

.fwb {
    font-weight: bold !important;
}

.fwn {
    font-weight: normal !important;
}

.fsn {
    font-style: normal !important;
}

.fsi {
    font-style: italic !important;
}

.underline {
    text-decoration: underline !important;
}

.deleteline {
    text-decoration: line-through;
}

.overline {
    text-decoration: overline;
}

.noline {
    text-decoration: none !important;
}

.ti-2 {
    text-indent: 2em !important;
}

.ti-4 {
    text-indent: 4em !important;
}

.ti-10 {
    text-indent: 10em !important;
}

.lh-1 {
    line-height: 100% !important;
}

.lh-15 {
    line-height: 150% !important;
}

.lh-2 {
    line-height: 200% !important;
}

.lh-25 {
    line-height: 250% !important;
}


/*栅格化布局*/

.col-1 {
    float: left;
    min-height: 10px;
    width: 8.33333333% !important;
}

.col-1-1 {
    float: left;
    min-height: 10px;
    width: 13% !important;
}

.col-2 {
    float: left;
    min-height: 10px;
    width: 16.66666667% !important;
}

.col-2-4 {
    float: left;
    min-height: 10px;
    width: 20% !important;
}

.col-3 {
    float: left;
    min-height: 10px;
    width: 25% !important;
}

.col-4 {
    float: left;
    min-height: 10px;
    width: 33.33333333% !important;
}

.col-5 {
    float: left;
    min-height: 10px;
    width: 41.66666667% !important;
}

.col-6 {
    float: left;
    min-height: 10px;
    width: 50% !important;
}

.col-7 {
    float: left;
    min-height: 10px;
    width: 58.33333333% !important;
}

.col-8 {
    float: left;
    min-height: 10px;
    width: 66.66666667% !important;
}

.col-9 {
    float: left;
    min-height: 10px;
    width: 75% !important;
}

.col-10 {
    float: left;
    min-height: 10px;
    width: 83.33333333% !important;
}

.col-10-1 {
    float: left;
    min-height: 10px;
    width: 87% !important;
}

.col-11 {
    float: left;
    min-height: 10px;
    width: 91.66666667% !important;
}

.col-12 {
    float: left;
    min-height: 10px;
    width: 100% !important;
}


/*边框*/

.bdr-1 {
    border-right: 1px solid #DCE2F1;
}

.flex {
    @include flex();
}

.flex-1 {
    @include flex-1();
}

.flex-align-center {
    @include flex-align-center();
}

.flex-vertical-center {
    @include flex-vertical-center();
}

.flex-space-between {
    @include flex-space-between();
}

//省略号
.text-overflow {
    @include text-overflow();
}

.text-overflow-two {
    @include text-overflow-two();
}

.w {
    width: 1200px;
    margin: 0 auto;
}

.color-main,
.color-primary {
    color: $color-primary !important;
    cursor: pointer;
}

.color-success {
    color: $color-success;
}

.color-danger {
    color: $color-danger;
}

.color-warning {
    color: $color-warning !important;
}

//element
.router-link-active:active {
    color: inherit;
}

.el-table {
    border: 1px solid #EBEEF5;
    border-bottom: none;
    border-radius: 4px;
}

.g-table-header-cell {
    background-color: #F4F9FB !important;
    color: #333;
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    font-weight: normal;
    line-height: 26px;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
    background: #FFFFFF;
    border: 1px solid $color-primary;
    color: $color-primary;
}

.shadow {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	z-index: 3999;
  /*background:#000\6; opacity:0.4;filter:alpha(opacity=40); 正常模式， 后面是兼容ie6*/
	background: rgba(0, 0, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000);
}

.theme1 .custom-alert {
    color: #4B90E3;
}

.custom-alert {
	width: 260px;
	z-index: 3999;
	text-align: center;
	background: #fff;
	position: fixed;
	left: 50%;
	margin-left: -130px;
	top: 35%;
	border-radius: 5px;
	padding-bottom: 15px;
}
.loader {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}
.clearfix:before {
    content: "";
    display: table;
}
.color-blue {
    color: #126ebc !important;
}

.loader-2 .loader-star {
    position: static;
    width: 60px;
    height: 60px;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-animation: loader-2-star 1s ease alternate infinite;
    animation: loader-2-star 1s ease alternate infinite;
}
.loader-star {
    position: absolute;
    top: calc(50% - 12px);
}
.theme1 .loader-star {
    fill: #4B90E3 !important;
}
.custom-alert.alertins {
	width: 380px;
	margin-left: -190px;
}
.custom-alert img {
	position: relative;
	top: -29px;
}
.custom-alert .textins {
	text-align: left;
	border-top: solid 1px #ddd;
	line-height: 22px;
	padding: 10px 15px 0 15px;
}
.theme1 .custom-alert {
    color: #4B90E3;
}
.theme2 .custom-alert {
    color: #FF8800;
}
.theme3 .custom-alert {
    color: #4B90E3;
}
.theme1 .loader-2 .loader-circles {
    background: #4B90E3;
    -webkit-animation: loader-2-circles1 1s ease-in-out alternate infinite;
    animation: loader-2-circles1 1s ease-in-out alternate infinite;
}
.loader-2 .loader-circles {
    width: 8px;
    height: 8px;
    background: #0091ff;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 4px);
    top: calc(50% - 4px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-animation: loader-2-circles 1s ease-in-out alternate infinite;
    animation: loader-2-circles 1s ease-in-out alternate infinite;
}
.tac{
    text-align: center;
}
.color-666{
    color: #666;
}
.cp{
    cursor: pointer;
}
.cs_p {
    font-size: 16px;
    color: #181D2B;
    font-weight: bold;
    margin-left: 10px;
    position: relative;
}
.cs_p::before {
    content: '';
    width: 3px;
    height: 16px;
    position: absolute;
    top: 2px;
    left: -10px;
    background: #3490FD;
}
.eclipse{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    line-height: 15px;
    display: inline-block;
    -webkit-line-clamp: 1;
    line-clamp: 1;
}
.wordWrap{
    width: 100%;
    word-wrap: break-word;
    word-break: normal;
}
.fx{
    display: flex;
}
.jcsb{
    justify-content: space-between;
}
.eclipse-line4 {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.bgc-warning{
    background: #FBBD12 !important;
}
.mgt-60{margin-top: 60px !important;}
.mgt-80{margin-top: 80px !important;}
.mgt-70{margin-top: 70px !important;}
.expanded {background-color:#fafafa !important;}
/* 超出单行省略 */
.oneRow {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 超出两行省略 */
.twoRow {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/* 超出三行省略 */
.threeRow {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.description p img {
    max-width: 700px !important;
}
.w250{width: 250px !important;}
.el-card__body{padding-left: 0 !important;padding-right: 0px !important;padding-bottom: 0px !important;padding-top: 18px !important;}
.color-blue{color: #3490FD !important;}